<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title th:text="${session.settingModel.siteName}+后台管理">layout 后台大布局 - Layui</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/cropper/cropper.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--引入 头部片段-->
    <div  th:replace="admin/common/back_common :: header"></div>

    <!--引入 左侧导航片段-->
    <div  th:replace="admin/common/back_common :: left"></div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <!-- 查询条件开始-->

        <form class="layui-form">
            <blockquote class="layui-elem-quote quoteBox">
                <form class="layui-form" >
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">标题</label>
                            <div class="layui-input-inline">
                                <input type="text" name="title" id="title" class="layui-input searchVal" placeholder="请输入标题" />
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">开始时间</label>
                            <div class="layui-input-inline">
                                <input type="text" name="startTime" id="startTime" class="layui-input searchVal" placeholder="开始时间" />
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">结束时间</label>
                            <div class="layui-input-inline">
                                <input type="text" name="endTime" id="endTime" class="layui-input searchVal" placeholder="结束时间" />
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-input-block" style="text-align: center;">
                            <button type="button" class="layui-btn" lay-submit="" lay-filter="doSearch"><span class="layui-icon layui-icon-search"></span>查询</button>
                            <button type="reset" class="layui-btn layui-btn-warm"><span class="layui-icon layui-icon-refresh-1"></span>重置</button>
                        </div>
                    </div>
                </form>
            </blockquote>
        </form>
        <!-- 查询条件结束-->

        <!-- 数据表格开始 -->
        <div>
            <table class="layui-hide" id="garouselTable" lay-data="{height:315}" lay-filter="garouselTable"></table>
            <!-- 工具栏 -->
            <div id="garouselToolBar" style="display: none;">
                <button type="button" lay-event="add" class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-add-1"></span>添加轮播数据</button>
                <button type="button" lay-event="batchDelete" class="layui-btn layui-btn-sm layui-btn-danger"><span class="layui-icon layui-icon-delete"></span>批量删除</button>
            </div>

            <div id="garouselRowBar" style="display: none;">
                <button type="button" lay-event="update" class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-edit"></span>更新</button>
                <button type="button" lay-event="delete" class="layui-btn layui-btn-sm layui-btn-danger"><span class="layui-icon layui-icon-delete"></span>删除</button>
                <button type="button" lay-event="show" class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-about"></span>查看</button>
            </div>
        </div>
        <!-- 数据表格结束 -->

    </div>


    <!-- 添加和修改的弹出层开始 -->
    <div  style="display: none;padding: 5px" id="addOrUpdateDiv">
        <form class="layui-form" style="width:80%;" id="dataFrm" lay-filter="dataFrm">
            <input type="hidden" name="id">
            <div class="layui-form-item layui-row layui-col-xs12">
                <label class="layui-form-label">轮播标题</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" name="title"  lay-verify="required" placeholder="请输入标题">
                </div>
            </div>
            <div class="layui-form-item layui-row layui-col-xs12">
                <label class="layui-form-label">跳转地址</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" name="httpUrl"  lay-verify="required|url" placeholder="请输入地址">
                </div>
            </div>
            <div class="layui-form-item layui-row layui-col-xs12">
                <label class="layui-form-label">序号</label>
                <div class="layui-input-block">
                    <input type="number" class="layui-input" name="sort"  lay-verify="required" placeholder="请输入序号">
                </div>
            </div>
            <input type="hidden" name="imageUrl">
            <div class="layui-form-item">
                <label class="layui-form-label">图片</label>
                <div class="layui-input-block">
                    <img  width="228" id="showImg" height="128"  src="images/default_blog.jpg">
                    <button type="button"
                            class="layui-btn layui-btn-sm layui-btn-normal"
                            id="formCoverUpload">选择图片</button>
                </div>
            </div>
            <div class="layui-form-item layui-row layui-col-xs12">
                <div class="layui-input-block" style="text-align: center;">
                    <button type="button" class="layui-btn" lay-submit="" lay-filter="doSubmit" ><span class="layui-icon layui-icon-add-1"></span>提交</button>
                    <button type="reset" class="layui-btn layui-btn-warm"><span class="layui-icon layui-icon-refresh-1"></span>重置</button>
                </div>
            </div>


        </form>
    </div>
    <!-- 添加和修改的弹出层结束 -->

    <!-- 查看弹出层的开始 -->
    <div style="display: none;padding: 5px" id="showGarouselDiv">
        <div id="show_content" style="margin: 10px;padding: 10px;line-height: 25px;">
            <h2>
                编号:<span id="show_id">10001</span>
            </h2>
            <h2>
                标题:<span id="show_title">最新书籍</span>
            </h2>
            <h2>
                地址:<span id="show_http">http://127.0.0.1:8080/123321</span>
            </h2>
            <img src="" id="show_img" width="750" height="300">
        </div>

    </div>
    <!-- 查看弹出层的结束-->


    <!--引入   底部固定区域 -->
    <div  th:replace="admin/common/back_common :: footer"></div>


</div>
<script src="/js/jquery-3.4.1.js"></script>
<script src="/cropper/cropper.js"></script>
<script src="/layui/layui.js"></script>
<script type="text/javascript" th:src="@{/js/admin/garousel.js}"></script>
</body>
</html>